﻿<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" th:src="@{/static/js/vue/vue.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/axios/axios.js}"></script>
</head>
<body>
<h1>HttpMessageConverter学习</h1>
<form th:action="@{/testRequsetBody}" method="post">
    <input type="text" name="user" value="123"><br/>
    <input type="text" name="passwrod" value="456">
    <input type="submit" value="测试 @RequsetBody">
</form>
<br/>
<br/>
<br/>
<form th:action="@{/testRequsetEntity}" method="post">
    <input type="text" name="user" value="123"><br/>
    <input type="text" name="passwrod" value="456">
    <input type="submit" value=" RequsetEntity">
</form><br/>
<a th:href="@{/testResponse}">测试 通过 servletAPI响应数据 </a><br/>
<a th:href="@{/testResponseBoby}">测试 通过 @ResponseBody响应数据 </a><br/>
<a th:href="@{/testEntity}">测试 通过 @ResponseBody响应实体 </a><br/>
<a th:href="@{/testEntitys}">测试 通过 @ResponseBody响应实体集合 </a><br/>
<div id="app">
    <a th:href="@{/testAjax}" @click="testAxios"> 测试testAjax </a>
</div>
<br/>
<a th:href="@{/testResponseEntiity}">测试 ResponseEntity 通过响应实体集合 和文件上传</a><br/>
<!--
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。
application/x-www-form-urlencoded，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码   (默认)
multipart/form-data 不对字符编码。（在使用包含！文件上传！控件的表单时，必须使用该值。）
text/plain 空格转换为 "+" 加号，但不对特殊字符编码。
-->
<form th:action="@{/testUp}" method="post" enctype="multipart/form-data">
    <input type="file" name="mFile"><br/>
    <input type="submit" value="上传文件">
</form><br/>
<a th:href="@{/testInterceptor}">测试拦截器</a><br/>
<a th:href="@{/testException}">测试异常处理基于配置</a><br/>
<a th:href="@{/testExceptionNote}">测试异常处理基于注解</a><br/>
<script type="text/javascript">
    new Vue({
        el:'#app',
        methods:{
            testAxios:function (event){
                alert(1);
                axios({
                    method:'post',
                    url:event.target.href,
                    params:{
                        name:'1',
                        passWord:'2'
                    }
                }).then(function (response){
                    alert(response.data)
                })
                //取消超链接的默认提交行为。-+
                event.preventDefault();
            }
        }
    })
</script>
</body>
</html>